<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北大青鸟课程介绍页面</title>
    <link rel="icon" href="image/logo.png"/>

    <style>

        div {
            width: 600px;
            background: #eeeeee;
        }

        li{
            list-style: none;
            height: 50px;
        }

        #u1{
            color: #5C9815;
        }
        #u2{
            color:#F26522 ;
        }
        span{
            color: white;
        }
        .c1{background-color: #005952}
        .c2{background-color: #007236}
        .c3{background-color: #008BBF}
        .c4{background-color: #0066B3}
        .c5{background-color: #002561}

        #i1{background-color: #F36F21}
        #i2{background-color: #bb131A}
        #i3{background-color: #d73765}
        #i4{background-color: #A70532}
        #i5{background-color: #553171}
        #i6{background-color: #4F1268}


    </style>

</head>
<body>

<div>
    <img src="image/title.gif">
    <img src="image/img_01.png">
    <br/>

    <ul id="u1">
        <li><span class="c1">逆向课程设计：</span> 以企业需求决定课程设计内容，确保训练内容及深度和企业需求一致</li>
        <li><span class="c2">模拟学员学习路线：</span> 强调难点和复杂技能点的反复训练，力求学习效果和学习体验</li>
        <li><span class="c3">互联网作为教学环境：</span> 学员的日常教学和训练均在互联网线上进行</li>
        <li><span class="c4">学习挡板监控网上学习效果：</span> 每个学习阶段设置线上线下测试，严密监控学习效果</li>
        <li><span class="c5">真实开发项目经验积累：</span> 采用专业互联网企业提供的真实项目作为模拟开发</li>
    </ul>
    <br/>

    <img src="image/img_02.png">
    <br/>

    <ul id="u2">
        <li><span id="i1">【实用性】——</span> 以就业岗位需求为导向，重点讲解企业80％的时间在使用的20％的技术</li>
        <li><span id="i2">【权威性】——</span> 与来自百度等知名企业的专家联合开发</li>
        <li><span id="i3">【专业性】——</span> 引进业内资深人才和典型行业开发项目</li>
        <li><span id="i4">【真实性】——</span> 在互联网真实环境下进行教学和训练</li>
        <li><span id="i5">【易学性】——</span> 在线培训模式，24小时专家在线解答疑难问题</li>
        <li><span id="i6">【完整性】——</span> 利用SNS虚拟社区：学习、人脉双丰收</li>
    </ul>
</div>

</body>
</html>